<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏策划简历 - 熊子毅</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 侧边栏导航 -->
    <aside class="sidebar">
        <div class="profile">
            <div class="avatar">
                <img src="imgs/图片1.png" alt="个人头像" class="avatar-img">
            </div>
            <h1>熊子毅</h1>

            <h3 style="color: #e74c3c; font-size: 1.4rem; margin: 1rem 0 0.8rem">关卡策划</h3>
        </div>
        <nav>
            <ul>
                <li><a href="#summary" class="active">个人简介</a></li>
                <li><a href="#experience">工作经历</a></li>
                <li><a href="#projects">项目经验</a></li>
                <li><a href="#portfolio">作品展示</a></li>
                <li><a href="#demos">Demo</a></li>
                <li><a href="#skills">专业技能</a></li>
                <li><a href="#gaming-experience">游戏经历</a></li>
            </ul>
        </nav>
    </aside>

    <!-- 主要内容区 -->
    <main class="main-content">
        <section id="summary" class="section active">
            <h2>个人简介</h2>
            <div class="content summary-grid">
                <!-- 左侧个人信息 -->
                <div class="profile-card">
                    <div class="basic-info">
                        <!-- 第一行 -->
                        <div class="first-row">
                            <div class="info-item">
                                <span class="label">姓名：</span>
                                <span class="value">熊子毅</span>
                            </div>
                            <div class="info-item">
                                <span class="label">年龄：</span>
                                <span class="value">23岁</span>
                            </div>
                            <div class="info-item">
                                <span class="label">户籍：</span>
                                <span class="value">黄冈</span>
                            </div>
                        </div>
                        
                        <!-- 第二行 -->
                        <div class="second-row">
                            <div class="info-item">
                                <span class="label">📞 电话：</span>
                                <span class="value">13581241855</span>
                            </div>
                            <div class="info-item">
                                <span class="label">📧 邮箱：</span>
                                <span class="value">1431381789@qq.com</span>
                            </div>
                        </div>
                    </div>

                    <div class="personal-statement">
                        <p>具备良好的团队合作精神，乐于与团队共同解决问题，推动项目进展。</p>
                        <p>对游戏行业充满热情，始终致力于提升自我，迎接更大的工作挑战，并为团队贡献最大价值。</p>
                    </div>
                </div>

                <!-- 右侧教育经历 -->
                <div class="education-card">
                    <div class="edu-header">
                        <h3>教育经历</h3>
                        <div class="edu-info">
                            <span class="school">齐齐哈尔大学</span>
                            <span class="major">通信工程 · 本科</span>
                            <span class="date">2019.09 - 2023.06</span>
                        </div>
                    </div>
                    
                    <div class="courses">
                        <h4>主修课程</h4>
                        <div class="course-list">
                            <div class="course-item">
                                <h5>C/C++程序设计</h5>
                                <p>掌握了C/C++编程语言，为游戏开发提供了坚实的编程基础。</p>
                            </div>
                            <div class="course-item">
                                <h5>Java程序设计</h5>
                                <p>掌握了Java编程语言，具备了开发跨平台游戏的能力。</p>
                            </div>
                            <div class="course-item">
                                <h5>Python编程</h5>
                                <p>熟悉Python语言，能够进行快速原型开发和脚本编写。</p>
                            </div>
                            <div class="course-item">
                                <h5>计算机网络</h5>
                                <p>深入了解了网络通信原理，有助于游戏中的网络功能设计。</p>
                            </div>
                            <div class="course-item">
                                <h5>数据结构与算法</h5>
                                <p>培养了解决复杂问题的能力，对游戏逻辑和性能优化至关重要。</p>
                            </div>
                            <div class="course-item">
                                <h5>数字信号处理</h5>
                                <p>掌握了音频和视频信号处理技术，为游戏中的多媒体功能提供支持。</p>
                            </div>
                            <div class="course-item">
                                <h5>嵌入式系统</h5>
                                <p>了解了硬件与软件的协同工作原理，有助于游戏硬件的开发和优化。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="experience" class="section hidden">
            <h2>工作经历</h2>
            <div class="content">
                <div class="experience-item">
                    <div class="work-header">
                        <div class="company-info">
                            <h2>网易（杭州）网络有限公司</h2>
                            <h3>EGGY工作室 - 关卡策划</h3>
                            <span class="date">2024.01.08 - 2024.12.31</span>
                        </div>
                    </div>
                    
                    <div class="work-section">
                        <h3>关卡设计与制作</h3>
                        <ul>
                            <li>主导《蛋仔派对》乐园及赛季跑酷图的关卡设计，负责游戏中多种关卡类型的创意与结构规划。</li>
                            <li>根据游戏的整体需求与玩家反馈，设计关卡难度曲线和游戏机制，确保每个关卡既具有挑战性又不失可玩性。</li>
                            <li>通过多轮测试与优化，调整了关卡难度、场景布局、互动元素等，增强玩家的代入感与游戏沉浸感。</li>
                            <li>制作了多款乐园地图，成功提升了游戏多样性和玩家粘性，其中数款地图累计游玩量超百万次。</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>关卡优化与平衡</h3>
                        <ul>
                            <li>对赛季跑酷图进行难度优化，提升通关率从40%至80%，并消除通关时长的长尾效应，大幅提升玩家体验和满意度。</li>
                            <li>结合数据分析，优化关卡元素并持续调整，确保适应不同玩家需求，同时保留挑战性，提升游戏的可玩性与长久吸引力。</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>海外版本优化与商业化探索</h3>
                        <ul>
                            <li>负责海外版本的关卡本地化，确保文本与关卡文化适配当地玩家需求，并通过调研提升了海外市场的用户活跃度与留存率。</li>
                            <li>在乐园地图中尝试增加内购道具、付费关卡等商业化元素，通过测试优化设计，提升了玩家的付费意愿和收入表现。</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>跨团队协作与项目管理</h3>
                        <ul>
                            <li>与开发团队和运营团队紧密合作，协调关卡设计与其他系统的配合，确保高质量落地并优化整体游戏体验。</li>
                            <li>主导关卡需求梳理与优先级划分，推动项目进度，解决技术难题，确保关卡按时交付并符合设计目标。</li>
                            <li>能够在项目中担当桥梁角色，作为策划与美术、程序团队或者作为程序与策划沟通提出方案，进行高效沟通，确保设计需求精准传达，推动完成项目。</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section id="projects" class="section hidden">
            <h2>项目经验</h2>
            <div class="content">
                <!-- 项目一 -->
                <div class="project-item">
                    <div class="project-header">
                        <div class="project-info">
                            <h2>《大鱼吃小鱼》复刻版</h2>
                            <h3>策划-程序</h3>
                            <span class="date">2024.04 - 2024.05</span>
                        </div>
                    </div>

                    <div class="project-section">
                        <h3>项目内容</h3>
                        <p>在《蛋仔派对》乐园中复刻经典的《大鱼吃小鱼》游戏，旨在为玩家提供怀旧的游戏体验。</p>
                    </div>

                    <div class="project-section">
                        <h3>工作内容</h3>
                        <h4>程序开发</h4>
                        <ul>
                            <li>负责整个项目的程序开发，包括怪物基础、怪物AI、游戏战斗和玩家成长等模块的实现。</li>
                        </ul>
                        <h4>策划设计</h4>
                        <ul>
                            <li>设计战斗打击感、成长反馈，制定怪物AI行为树，玩家对抗数值和成长表现。</li>
                            <li>调试难度曲线，确保游戏的平衡性和挑战性。</li>
                        </ul>
                    </div>

                    <div class="project-section">
                        <h3>项目成果</h3>
                        <ul>
                            <li>游戏上线后，截止离职前累计游玩量达到132万次。</li>
                            <li>在海外客户端上线期间，曾被推荐为官方副玩法，获得了广泛的玩家关注和好评。</li>
                        </ul>
                    </div>
                </div>

                <!-- 项目二 -->
                <div class="project-item">
                    <div class="project-header">
                        <div class="project-info">
                            <h2>RPG-《拆光惊魂夜》</h2>
                            <h3>策划-程序</h3>
                            <span class="date">2024.10 - 2024.11</span>
                        </div>
                    </div>

                    <div class="project-section">
                        <h3>项目内容</h3>
                        <p>在《蛋仔派对》乐园中，基于《蛋仔惊魂夜》IP，开发了一款全新的地图，并尝试引入乐园付费功能，旨在提升玩家体验并探索新的商业化路径。</p>
                    </div>

                    <div class="project-section">
                        <h3>工作内容</h3>
                        <h4>程序开发</h4>
                        <ul>
                            <li>负责整个项目的程序开发，包括怪物基础、怪物AI、道具积分、技能属性等模块的实现。</li>
                        </ul>
                        <h4>策划设计</h4>
                        <ul>
                            <li>设计战斗打击感、目标反馈，制定怪物AI行为树，并调试AI难度曲线，确保游戏的平衡性和挑战性。</li>
                        </ul>
                        <h4>商业化设计</h4>
                        <ul>
                            <li>参与打磨乐园付费功能，探索新的收入来源，并优化玩家的付费体验。</li>
                        </ul>
                    </div>

                    <div class="project-section">
                        <h3>项目成果</h3>
                        <ul>
                            <li>游戏上线后，累计游玩量达到225万次。</li>
                            <li>在2024年，玩家在该地图上的乐园币付费总额达到2亿，创下全年最高记录。</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section id="portfolio" class="section hidden">
            <h2 class="section-title">作品展示</h2>
            <div class="portfolio-container">
                <!-- 游戏分析 -->
                <div class="category-section">
                    <h3 class="category-title">
                        <i class="fas fa-search"></i>
                        <span>游戏分析</span>
                    </h3>
                    <div class="doc-grid">
                        <a href="文档/率土之滨系统拆解.pdf" class="doc-card" target="_blank">
                            <div class="card-header">
                                <div class="file-type pdf">
                                    <i class="fas fa-file-pdf"></i>
                                </div>
                                <h4>率土之滨·系统拆解</h4>
                            </div>
                            <p class="card-desc">SLG核心系统架构与生态循环分析</p>
                            <div class="card-footer">
                                <span class="file-size">3.2MB</span>
                            </div>
                        </a>

                        <a href="文档/率土之滨战斗系统拆解.pdf" class="doc-card" target="_blank">
                            <div class="card-header">
                                <div class="file-type pdf">
                                    <i class="fas fa-file-pdf"></i>
                                </div>
                                <h4>率土之滨·战斗系统</h4>
                            </div>
                            <p class="card-desc">回合制策略战斗机制全解析</p>
                            <div class="card-footer">
                                <span class="file-size">2.8MB</span>
                            </div>
                        </a>

                        <a href="文档/apex游戏体验分析.pdf" class="doc-card" target="_blank">
                            <div class="card-header">
                                <div class="file-type pdf">
                                    <i class="fas fa-file-pdf"></i>
                                </div>
                                <h4>Apex体验分析</h4>
                            </div>
                            <p class="card-desc">射击游戏核心体验与用户留存研究</p>
                            <div class="card-footer">
                                <span class="file-size">2.5MB</span>
                            </div>
                        </a>

                        <a href="文档/RPG游戏见解和FC游戏胜负规则策划文档.pdf" class="doc-card" target="_blank">
                            <div class="card-header">
                                <div class="file-type pdf">
                                    <i class="fas fa-file-pdf"></i>
                                </div>
                                <h4>经典游戏规则分析</h4>
                            </div>
                            <p class="card-desc">RPG与FC游戏胜负机制研究</p>
                            <div class="card-footer">
                                <span class="file-size">3.6MB</span>
                            </div>
                        </a>
                    </div>
                </div>

                <!-- 策划设计 -->
                <div class="category-section">
                    <h3 class="category-title">
                        <i class="fas fa-pencil-ruler"></i>
                        <span>策划设计</span>
                    </h3>
                    <div class="doc-grid">
                        <a href="文档/率土like同盟系统策划案.pdf" class="doc-card" target="_blank">
                            <div class="card-header">
                                <div class="file-type pdf">
                                    <i class="fas fa-file-pdf"></i>
                                </div>
                                <h4>同盟系统策划案</h4>
                            </div>
                            <p class="card-desc">社交系统设计与玩家组织架构方案</p>
                            <div class="card-footer">
                                <span class="file-size">4.1MB</span>
                            </div>
                        </a>

                        <a href="文档/项目1-时间穿梭.xlsx" class="doc-card" target="_blank">
                            <div class="card-header">
                                <div class="file-type excel">
                                    <i class="fas fa-file-excel"></i>
                                </div>
                                <h4>时空穿梭Demo</h4>
                            </div>
                            <p class="card-desc">时间机制原型数据与关卡配置表</p>
                            <div class="card-footer">
                                <span class="file-size">1.7MB</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <section id="demos" class="section hidden">
            <h2 class="section-title">核心Demo展示</h2>
            <div class="project-grid">
                <!-- Demo 1 -->
                <div class="project-card">
                    <div class="project-header">
                        <h3>独立游戏 Demo《梦魇》关卡设计实践</h3>
                        <div class="project-meta">
                            <span class="engine-tag">Unity</span>
                            <span class="duration">开发周期：2周</span>
                        </div>
                    </div>
                    <div class="project-content">
                        <div class="design-section">
                            <h4>定位：俯视角 Roguelite 射击原型</h4>
                            
                            <div class="design-group">
                                <h5>关卡设计</h5>
                                <ul class="achievement-list">
                                    <li>战斗音效和死亡音效搭配，增加战斗体验</li>
                                    <li>设计4层递进式关卡结构，每关怪物数量递增</li>
                                </ul>
                            </div>

                            <div class="design-group">
                                <h5>3C系统调优</h5>
                                <ul class="achievement-list">
                                    <li>战斗节奏控制：射击CD + 怪物移动速度设定</li>
                                    <li>空间平衡设计：采用环形包围 + 出生点保护机制</li>
                                </ul>
                            </div>

                            <div class="design-group">
                                <h5>心流曲线设计</h5>
                                <ul class="achievement-list">
                                    <li>峰值体验打造：第四关数量多，给予压迫感</li>
                                    <li>死亡惩罚机制：选择永久死亡模式增强策略决策权重</li>
                                </ul>
                            </div>
                        </div>
                        <a href="https://www.bilibili.com/video/BV12hNue3Eiv" 
                           target="_blank" 
                           class="demo-link unity-link">作品展示视频</a>
                    </div>
                </div>

                <!-- Demo 2 -->
                <div class="project-card">
                    <div class="project-header">
                        <h3>UE5 解谜关卡 Demo《时空穿梭》</h3>
                        <div class="project-meta">
                            <span class="engine-tag">Unreal Engine 5</span>
                            <span class="duration">开发周期：4周</span>
                        </div>
                    </div>
                    <div class="project-content">
                        <div class="design-section">
                            <h4>定位：能力驱动解谜｜核心创新：动态钥匙响应系统 × 能力组合涌现性</h4>
                            
                            <div class="design-group">
                                <h5>动态钥匙响应系统</h5>
                                <ul class="achievement-list">
                                    <li>环境动态响应：通过能力改变关卡拓扑结构</li>
                                    <li>箱庭穿梭机制：解密过程驱动房间位置变化</li>
                                    <li>渐进提示体系：通过环境光影变化引导玩家</li>
                                </ul>
                            </div>

                            <div class="design-group">
                                <h5>能力解锁节奏</h5>
                                <ul class="achievement-list">
                                    <li>三阶段引导：基础操作 → 单机关解谜 → 多机关时序解谜</li>
                                    <li>环境叙事：通过破损墙体暗示爆破能力使用场景</li>
                                </ul>
                            </div>

                            <div class="design-group">
                                <h5>能力融合设计</h5>
                                <ul class="achievement-list">
                                    <li>连锁谜题机制：A+B能力组合触发空间重构</li>
                                    <li>系统验证逻辑：蓝图接口检查双能力Tag并存</li>
                                </ul>
                            </div>

                            <div class="design-group">
                                <h5>非线性结构</h5>
                                <ul class="achievement-list">
                                    <li>并行支线设计：双能力路线自由选择解谜顺序</li>
                                    <li>动态汇流机制：最终融合谜题自动适配完成进度</li>
                                </ul>
                            </div>

                            <div class="design-group">
                                <h5>心流控制</h5>
                                <ul class="achievement-list">
                                    <li>三角循环：解谜(30s) → 探索(90s) → 宝箱奖励</li>
                                    <li>压力释放：每3个谜题设置安全屋提供补给</li>
                                </ul>
                            </div>
                        </div>
                        <a href="https://www.bilibili.com/video/BV1VjNueQEqt" 
                           target="_blank" 
                           class="demo-link unreal-link">作品展示视频</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="skills" class="section hidden">
            <h2>专业技能</h2>
            <div class="content">
                <div class="project-item">
                    <div class="work-header">
                        <div class="company-info">
                            <h3>核心能力矩阵</h3>
                            <div class="tag-group">
                                <!-- 引擎标签已删除 -->
                            </div>
                        </div>
                    </div>

                    <div class="work-section">
                        <h3>程序能力</h3>
                        <ul class="achievement-list">
                            <li>熟悉主流游戏引擎，如Unity和Unreal Engine，能够独立或协作完成关卡的设计和实现</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>美术表达能力</h3>
                        <ul class="achievement-list">
                            <li>具备一定的美术基础，能够理解和评估美术资源，确保关卡设计与美术风格的协调统一</li>
                            <li>能够独立的制作白盒关卡</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>AI设计与优化</h3>
                        <ul class="achievement-list">
                            <li>能够在关卡设计中运用AI的"识别、思考、行动"流程进行智能化实现</li>
                            <li>能够打磨AI难度并有效优化关卡难度曲线，提升游戏的挑战性和玩家的互动体验</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>逻辑思维与创新能力</h3>
                        <ul class="achievement-list">
                            <li>具备良好的逻辑思维能力，能够从用户的角度出发，设计合理的关卡结构和难度曲线</li>
                            <li>同时具备创新精神</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>文档表达能力</h3>
                        <ul class="achievement-list">
                            <li>大部分办公软件能够使用</li>
                            <li>能够编写清晰、详细的策划案、需求文档、功能说明和测试用例等，准确传达设计意图，确保团队成员理解并执行</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>大模型辅助能力</h3>
                        <ul class="achievement-list">
                            <li>能够利用语言大模型工具辅助信息统筹和思路衍生，提高工作效率和创意质量</li>
                        </ul>
                    </div>

                    <div class="work-section">
                        <h3>团队沟通协助</h3>
                        <ul class="achievement-list">
                            <li>具备良好的沟通与协作能力，确保关卡设计与其他游戏系统的良好融合</li>
                            <li>具备项目管理与执行力，能够主导关卡需求的梳理和优先级划分，推动项目进度</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section id="gaming-experience" class="section hidden">
            <h2>核心游戏经历</h2>
            <div class="content">
                <!-- 第一列 -->
                <div class="project-item">
                    <!-- SLG -->
                    <div class="work-section">
                        <h3>SLG战略游戏</h3>
                        <ul class="achievement-list">
                            <li>率土之滨：充值￥4000+，担任各大盟管理，多个征服赛季时长1000小时</li>
                            <li>文明6：通关皇帝难度大型地图，800+小时</li>
                            <li>三国志战旗：公测玩家，开服第一赛季霸业，100小时</li>
                            <li>三国：谋定天下：五赛季玩家，1000小时</li>
                        </ul>
                    </div>
                    <!-- MMORPG -->
                    <div class="work-section">
                        <h3>MMORPG</h3>
                        <ul class="achievement-list">
                            <li>剑网三：满级体验所有副本，300小时</li>
                            <li>剑灵：200+小时</li>
                        </ul>
                    </div>
                    <!-- 开放世界 -->
                    <div class="work-section">
                        <h3>开放世界</h3>
                        <ul class="achievement-list">
                            <li>塞尔达传说：200+小时</li>
                            <li>死亡搁浅：50小时</li>
                            <li>赛博朋克2077：150小时</li>
                            <li>看门狗2：20小时</li>
                            <li>蜘蛛侠:迈尔斯.莫拉莱斯：100小时</li>
                            <li>艾尔登法环：50小时</li>
                            <li>荒野大镖客.救赎：100小时</li>
                        </ul>
                    </div>
                </div>

                <!-- 第二列 -->
                <div class="project-item">
                    <!-- FPS -->
                    <div class="work-section">
                        <h3>FPS射击游戏</h3>
                        <ul class="achievement-list">
                            <li>CS:GO：1000小时</li>
                            <li>Apex：四赛季钻石/一赛季大师，1000小时</li>
                            <li>使命召唤6/16/19/21 战区：500小时</li>
                            <li>超猎都市：内测玩家，80小时</li>
                            <li>彩虹六号：100小时</li>
                            <li>THE FINALS：70小时</li>
                            <li>守望先锋：大师段位，400小时</li>
                            <li>漫威争锋：零赛季钻石，60小时</li>
                            <li>瓦洛兰特：50小时</li>
                        </ul>
                    </div>
                    <!-- MOBA -->
                    <div class="work-section">
                        <h3>MOBA</h3>
                        <ul class="achievement-list">
                            <li>英雄联盟：2000+小时</li>
                            <li>王者荣耀：1000+小时</li>
                        </ul>
                    </div>
                    <!-- ARPG -->
                    <div class="work-section">
                        <h3>ARPG</h3>
                        <ul class="achievement-list">
                            <li>瘟疫传说安魂曲：100小时</li>
                            <li>卧龙苍天陨落：100小时</li>
                            <li>Hi-Fi Rush：100小时</li>
                            <li>黑神话：悟空：100小时</li>
                        </ul>
                    </div>
                </div>

                <!-- 第三列 -->
                <div class="project-item">
                    <!-- Rogue like -->
                    <div class="work-section">
                        <h3>Rogue like</h3>
                        <ul class="achievement-list">
                            <li>暖雪：200小时</li>
                            <li>以撒的结合：100小时</li>
                        </ul>
                    </div>
                    <!-- 赛车竞速 -->
                    <div class="work-section">
                        <h3>赛车竞速</h3>
                        <ul class="achievement-list">
                            <li>极限竞速:地平线5：200小时</li>
                            <li>马里奥赛车8：50小时</li>
                        </ul>
                    </div>
                    <!-- 恐怖游戏 -->
                    <div class="work-section">
                        <h3>恐怖游戏</h3>
                        <ul class="achievement-list">
                            <li>安抚：50小时</li>
                            <li>后室：50小时</li>
                            <li>吞噬：50小时</li>
                            <li>三伏：20小时</li>
                            <li>逃生 试炼：50小时</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <div id="modal" class="modal">
        <div class="modal-content">
            <span class="close-btn">&times;</span>
            <div id="modal-content"></div>
        </div>
    </div>

    <div id="demo-layer" style="position: fixed; top: 0; left: 280px; right: 0; bottom: 0; z-index: 2147483647; pointer-events: none;">
        <!-- 内容将在此动态插入 -->
    </div>

    <iframe id="demo-iframe" 
            style="position:fixed;top:50px;left:300px;width:calc(100% - 320px);height:calc(100% - 70px);border:none;z-index:2147483647;display:none;">
    </iframe>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 获取所有导航链接
            const navLinks = document.querySelectorAll('.sidebar nav a');       
            // 获取所有内容区块
            const sections = document.querySelectorAll('.section');

            // 为每个导航链接添加点击事件
            navLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    e.preventDefault(); // 阻止默认的锚点跳转
                    
                    // 移除所有导航链接的活动状态
                    navLinks.forEach(link => link.classList.remove('active'));
                    // 为当前点击的链接添加活动状态
                    this.classList.add('active');
                    
                    // 获取目标部分的ID
                    const targetId = this.getAttribute('href').substring(1);
                    
                    // 隐藏所有部分
                    sections.forEach(section => {
                        section.classList.add('hidden');
                        section.classList.remove('active');
                    });
                    
                    // 显示目标部分
                    const targetSection = document.getElementById(targetId);
                    targetSection.classList.remove('hidden');
                    targetSection.classList.add('active');
                });
            });

            // 新增的模态框代码
            const modal = document.getElementById('modal');
            const modalContent = document.getElementById('modal-content');
            const closeBtn = document.querySelector('.close-btn');

            // ... 剩余的模态框相关代码 ...
        });

        function getDocumentContent(docId) {
            const documents = {
                'experience': `
                    <div class="doc-content">
                        <div class="work-header">
                            <div class="company-info">
                                <h2>网易（杭州）网络有限公司</h2>
                                <h3>EGGY工作室 - 关卡策划</h3>
                                <span class="date">2024.01 - 2024.12</span>
                            </div>
                        </div>
                        
                        <div class="work-section">
                            <h3>关卡设计与制作</h3>
                            <ul>
                                <li>主导《蛋仔派对》乐园及赛季跑酷图的关卡设计，负责游戏中多种关卡类型的创意与结构规划。</li>
                                <li>根据游戏的整体需求与玩家反馈，设计关卡难度曲线和游戏机制，确保每个关卡既具有挑战性又不失可玩性。</li>
                                <li>通过多轮测试与优化，调整了关卡难度、场景布局、互动元素等，增强玩家的代入感与游戏沉浸感。</li>
                                <li>制作了多款乐园地图，成功提升了游戏多样性和玩家粘性，其中数款地图累计游玩量超百万次。</li>
                            </ul>
                        </div>

                        <div class="work-section">
                            <h3>关卡优化与平衡</h3>
                            <ul>
                                <li>对赛季跑酷图进行难度优化，提升通关率从40%至80%，并消除通关时长的长尾效应，大幅提升玩家体验和满意度。</li>
                                <li>结合数据分析，优化关卡元素并持续调整，确保适应不同玩家需求，同时保留挑战性，提升游戏的可玩性与长久吸引力。</li>
                            </ul>
                        </div>

                        <div class="work-section">
                            <h3>海外版本优化与商业化探索</h3>
                            <ul>
                                <li>负责海外版本的关卡本地化，确保文本与关卡文化适配当地玩家需求，并通过调研提升了海外市场的用户活跃度与留存率。</li>
                                <li>在乐园地图中尝试增加内购道具、付费关卡等商业化元素，通过测试优化设计，提升了玩家的付费意愿和收入表现。</li>
                            </ul>
                        </div>

                        <div class="work-section">
                            <h3>跨团队协作与项目管理</h3>
                            <ul>
                                <li>与开发团队和运营团队紧密合作，协调关卡设计与其他系统的配合，确保高质量落地并优化整体游戏体验。</li>
                                <li>主导关卡需求梳理与优先级划分，推动项目进度，解决技术难题，确保关卡按时交付并符合设计目标。</li>
                                <li>能够在项目中担当桥梁角色，作为策划与美术、程序团队或者作为程序与策划沟通提出方案，进行高效沟通，确保设计需求精准传达，推动完成项目。</li>
                            </ul>
                        </div>
                    </div>
                `,
                // ... 其他文档内容保持不变 ...
            };
            return documents[docId] || '文档加载失败';
        }
    </script>
</body>
</html> 